<template>
  <div class="app-container">
    <h1 >石油装备运行状态管理</h1>
    <hr align="center" color="blue" width="100%">

<!--    <br>-->
    <form>
      <br>输入设备ID:<input  type="text" name="password">
      <input type="submit" value="查询">
      <input type="reset" value="清空">
      新增设备运行状态:<input type="text" name="username" value="新增设备信息">
    </form>
    <table border="2" width="1300px" color="red" cellspacing="0" cellpadding="0">
      <tr>
        <td>设备编号</td>
        <td>设备类别</td>
        <td>设备名称</td>
        <td>设备状态</td>
        <td>设备使用时间</td>
        <td>设备结束使用时间</td>
        <td>保修期限</td>
        <td>使用公司期限</td>
        <td>使用者编号</td>
        <td>设备规格</td>
        <td>设备产地</td>
        <td>其他说明</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10060</td>
        <td>机械制品</td>
        <td>钻井</td>
        <td>良好</td>
        <td>2021/2/21</td>
        <td>2021/5/26</td>
        <td>5年</td>
        <td>10年</td>
        <td>06</td>
        <td>中型</td>
        <td>四川</td>
        <td>无</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10061</td>
        <td>机械制品</td>
        <td>电机</td>
        <td>良好</td>
        <td>2021/2/26</td>
        <td>2021/5/21</td>
        <td>5年</td>
        <td>10年</td>
        <td>01</td>
        <td>大型</td>
        <td>北京</td>
        <td>无</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10067</td>
        <td>压力容器</td>
        <td>汽水分离器</td>
        <td>良好</td>
        <td>2021/2/27</td>
        <td>2021/5/20</td>
        <td>5年</td>
        <td>10年</td>
        <td>02</td>
        <td>小型</td>
        <td>北京</td>
        <td>无</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10061</td>
        <td>机械制品</td>
        <td>轮机</td>
        <td>良好</td>
        <td>2021/2/26</td>
        <td>2021/5/21</td>
        <td>5年</td>
        <td>10年</td>
        <td>01</td>
        <td>大型</td>
        <td>北京</td>
        <td>无</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10068</td>
        <td>转动装置</td>
        <td>抽油机</td>
        <td>良好</td>
        <td>2021/2/15</td>
        <td>2021/5/15</td>
        <td>6年</td>
        <td>12年</td>
        <td>01</td>
        <td>大型</td>
        <td>四川</td>
        <td>无</td>
      </tr>
    </table>
    <br/>
  </div>
</template>

<script>
  export default {
    name: 'index'
  }
</script>

<style scoped>
  .cl ul{
    list-style:none;
  }
  .cl li{
    border:1px black solid;
    background-color:yellow;
    font-size:24px;
    width:100px;
    height:40px;
    line-height:40px;
    text-align:center;
    float:left;
  }

 >>> h1{
    text-align:center;
    width: 100%;
  }
  caption{
    width: 100%;
  }
  .app-container{
    background-image: url(img/669.jpg);
    background-position:left;
    background-repeat:repeat-y;
    background-size:auto;
  }
</style>
